---
interface Props {
  date: Date
  class?: string
}

const { date, class: className = '' } = Astro.props
---

<time datetime={date.toISOString()} class={className}>
  {
    date.toLocaleDateString('en-us', {
      day: 'numeric',
      month: 'short',
      year: 'numeric',
    })
  }
</time>
